<meta charset="UTF-8">
<link rel="stylesheet" href="./demo1.css">


<!-- 第一个轮播图 -->
    <div class="box box1">
        <img src="./imgs/img1.png" alt="" >
        <ul>
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

    <!-- 第二个轮播图 -->
    <div class="box box2">
        <img src="./imgs/img1.png" alt="" >
        <ul>
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

    <script type="module">
        // import Swiper from './demo1.js'

        const swiper1=new Swiper('.box1',{})
        const swiper2=new Swiper('.box2',{})

    </script>
    <script src="./demo1.js"></script>